const mySwiper = new Swiper('.swiper', {

    loop: true, // 循环模式选项

    // 如果需要分页器
    pagination: {
        el: '.swiper-pagination',
    },

    // 如果需要前进后退按钮
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
})
let banks = document.querySelectorAll(".company-list .bank-1")
// 需要使用周期性定时器，每个2秒切换一个div
// 定一个变量，用于充当banks的下标
let index = 0

setInterval(function () {
    // 还需要隐藏已经显示的。将所有银行对应的div给他全部隐藏
    banks.forEach(function (v) {
        v.style.opacity = 0
        v.style.zIndex = 1
    })
    // 处理显示
    index++
    // 每2秒，从banks中获取到一个div，让其显示
    banks[index].style.opacity = 1
    banks[index].style.zIndex = 10
    // 判断如果index已经将数组最后一个显示了，那么就应该回到第一个显示
    if (index >= banks.length - 1) {
        index = -1
    }
}, 2000)

let toTop = document.querySelector(".to-top")
// 2、滚动条到300的时候显示，小于300隐藏，需要给窗口添加滚动事件,才能监控到滚动条
window.addEventListener("scroll", function () {
    // 判断纵向滚动条的位置之
    if (this.scrollY > 300) {
        toTop.style.display = "block"
    } else {
        toTop.style.display = "none"
    }
})

// 3、需要在点击返回顶部的时候，滚动条回到顶部
toTop.addEventListener("click", function () {
    // window.scrollTo(0, 0)
    window.scrollTo({
        top: 0,
        behavior: "smooth"
    })
})